   * {
     box-sizing: border-box;
   }

   @font-face {
     font-family: "ali-400";
     font-weight: 400;
     src: url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/dTxx2MsKsAAS.woff2") format("woff2"),
       url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/bJKQTEcPtpjT.woff") format("woff");
     font-display: swap;
   }

   @font-face {
     font-family: "ali-600";
     font-weight: 600;
     src: url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/3QTra5vRvubb.woff2") format("woff2"),
       url("//at.alicdn.com/wf/webfont/FaLE5aVpRlEQ/gL3dqCPNaV0s.woff") format("woff");
     font-display: swap;
   }

   body {
     margin: unset;
     padding: unset;
     font-family: 'ali-400';
     font-size: 16px;
   }

   .ChatContent::-webkit-scrollbar {
     width: 0;
   }

   $siderbar-bg: #fdfdfd;
   $chatcontent-bg: #fdfdfd